<script type="text/javascript" src="{$basePath}/js/libs/jquery.js"></script>
<script type="text/javascript">

    $(document).ready(function(){
        $(".celebrionewsapp_news a").click(function(event){
            event.preventDefault();
            //var url = this.href;
            var url = {link Default:rateArticle};
            var feed = $(this).parent().parent().parent().parent().parent();
            var guid = feed.find("input").val();
            console.log(guid);
            $.ajax({
                type: "post",
                url: url,
                data: { feed: feed.html(), guid: guid }
            });
        });
    });
</script>
<div id="celebrionewsapp_story">
    <link rel="stylesheet" media="screen,projection,tv" href="{$basePath}/systemApps/celebrionews/default.css" type="text/css" />
    {if isset($error)}
    <div class="error"><p>{_("Right now, there is a problem with News provider. Please hold on and try it after few minutes")}</p></div>
    {else}
    <h1>{$news["title"]}</h1>
    {foreach $news["items"] as $story}
    <div class="celebrionewsapp_news">
        <h2>{$story["title"]}</h2>
        {!$story["description"]}
        <input type="hidden" value="{!$story['guid']}" />
    </div>
    {/foreach}
    <div class="celebrionewsapp_footer">{!$news["copyright"]}</div>
    {/if}
</div>
